@import url("../download6/font_4727839_fugzdmpyfu/iconfont.css");

body {
    min-width: 983px;
}

.container {
    margin: 0 auto;
    width: 983px;

}

.top {
    width: 100%;
    height: 32px;
    line-height: 32px;
    background-color: #e9e9e9;
}

.top .exise {
    width: 223px;
    height: 32px;
    line-height: 32px;
    float: left;
}

.top .exise ul {
    width: 100%;
    height: 100%;
    float: left;
}

.top .exise ul li,
i {
    float: left;
    font-size: 12px;
}

.top .exise ul .first {
    padding-right: 18px;
}

.top .exise ul .last {
    border-left: 1px solid #bbb;
}

.top .my {
    float: right;
    line-height: 32px;
    font-size: 12px;
}

.top .my ul,
li {
    float: left;
}

.top .my li {
    padding-right: 10px;
    padding-left: 14px;
    border-right: 1px solid #bbb;
    height: 12px;
    line-height: 12px;
    margin-top: 12px;
}

.top .my .last {
    border-right: 0px;
}

.logo_search {
    width: 100%;
    height: 81px;
    line-height: 81px;
}

.logo_search .content1 {
    width: 287px;
    height: 81px;
    float: left;
}

.logo_search .content1 .logo {
    width: 287px;
    height: 100%;
    line-height: 81px;
}

.logo_search .content1 .logo img {
    vertical-align: middle;
    margin-right: 20px;
}

.logo_search .content1 .logo li {
    padding-left: 12px;
    line-height: 81px;
}



.logo_search .content1 a {
    text-decoration: none;
    color: black;
    line-height: 81px;
}

.logo_search .content2 {
    width: 420px;
    height: 30px;
    line-height: 30px;
    float: left;
    border: 1px solid #5a9bee;
    margin-top: 23px;
    margin-bottom: 27px;
    box-sizing: border-box;
    font-size: 14px;
}

.logo_search .content2 .border1 {
    width: 102px;
    color: black;
    padding-left: 14px;
    float: left;
    box-sizing: border-box;
    border-right: 1px solid #afafaf;
}

.logo_search .content2 .border2 {
    width: 237px;
    color: #808080;
    padding-left: 14px;
    float: left;
    box-sizing: border-box;
}

.logo_search .content2 .border3 {
    width: 78px;
    color: white;
    text-align: center;
    float: right;
    box-sizing: border-box;
    background-color: #337fe2;
}

.nav {
    width: 100%;
    height: 42px;
    background-color: #0e79d0;
}

.nav .nav_left {
    width: 719px;
    height: 100%;
    float: left;
    position: relative;
}

.nav .nav_left .left {
    width: 100%;
    height: 100%;
}

.nav .nav_left .left li {
    width: 120px;
    height: 42px;
    line-height: 42px;
    color: white;
    text-align: center;
}

.nav .nav_left .left .active {
    background-color: #074372;
}

.nav .nav_left .left .pre {
    position: relative;
}

.icon-new {
    position: absolute;
    left: 70px;
    top: -20px;
    color: red;
    font-size: 38px;
}

.nav .nav_right {
    left: 720px;
    width: 264px;
    height: 48px;
    line-height: 42px;
    background-color: #fe863a;
    float: right;
    position: absolute;
    bottom: 0px;

}

.nav .radius {
    border-bottom: 0px solid #6c6c6c;
    border-right: 6px solid #6c6c6c;
    border-top: 6px solid transparent;
    border-left: 6px solid transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 0px;
    left: -12px;
}

.nav .nav_right img {
    margin-left: 30px;
    margin-right: 9px;
    vertical-align: middle;
}

.banner {
    width: 100%;
    height: 190px;
    margin-top: 8px;
    margin-bottom: 11px;
}

.banner .banner_left {
    width: 720px;
    height: 190px;
    position: relative;
    float: left;
}

.banner .banner_left img {
    width: 720px;
    height: 190px;
    vertical-align: bottom;
}

.banner .banner_left .point {
    position: absolute;
    right: 10px;
    bottom: 2px;
}

.banner .banner_left .point li {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border: 1px solid black;
    background-color: white;
}

.banner .banner_left .point .active {
    background-color: #fe0100;
}

.banner .banner_left .arrow {
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: 45%;
    font-size: 30px;
}

.banner .banner_left .arrow .left {
    float: left;
    color: white;
}

.banner .banner_left .arrow .right {
    float: right;
    color: white;
}

.banner .banner_right {
    float: right;
    width: 257px;
    height: 176;
    border: 1px solid #cecece;
}

.banner .banner_right .tops {
    width: 100%;
    height: 36px;
    line-height: 36px;
}

.banner .banner_right .tops ul,
li {

    text-align: center;

}

.banner .banner_right .tops .s1 {
    width: 72px;
    background-color: #f4f4f4;
    padding-left: 9px;
    box-sizing: border-box;
    color: #8a8a8a;
}

.banner .banner_right .tops .s2 {
    width: 72px;
    background-color: #f4f4f4;
    padding-right: 33px;
    box-sizing: border-box;
    color: #8a8a8a;
}

.banner .banner_right .tops .pad {
    padding: 0px;
    color: #0e79d2;
    width: 112px;
    height: 100%;
    border-right: 1px solid #cecece;
    background-color: white;
}

.banner .banner_right .bottoms {
    width: 100%;
    height: 138px;
    padding-top: 22px;
    padding-bottom: 16px;
    padding-left: 11px;
    box-sizing: border-box;
}

.banner .banner_right .bottoms .download {
    display: inline-block;
    width: 143px;
    height: 138px;
    padding-left: 11px;
    padding-right: 24px;
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;
}

.banner .banner_right .bottoms .download .img {
    width: 100%;
    height: 51px;
    padding: 5px 11px 5px 5px;
    margin-top: 8px;
    margin-bottom: 22px;
    box-sizing: border-box;
}

.banner .banner_right .bottoms .download .apple {
    float: left;
}


.banner .banner_right .bottoms .download img {
    display: block;
}

.banner .banner_right .bottoms .download .andior {
    float: right;
}

.main {
    width: 100%;
    height: 958px;
    background-color: white;
}

.main .main_left {
    width: 720px;
    height: 100%;
    float: left;
}

.main .main_left .main_nav {
    width: 100%;
    height: 75px;
    line-height: 75px;
    margin-bottom: 13px;
    border: 1px solid #cecece;
}

.main .main_left .main_nav .static {
    width: 100%;
    height: 75px;
}

.main .main_left .main_nav .static li {
    width: 239px;
    height: 75px;
    line-height: 75px;
    padding-top: 12px;
    padding-bottom: 8px;
    box-sizing: border-box;
}

.main .main_left .main_nav .static li img {
    padding-right: 12px;
    float: left;
    box-sizing: border-box;
    vertical-align: bottom;
}

.main .main_left .main_nav .static .ctvs {
    float: right;
    padding-top: 15px;
    padding-bottom: 26px;
    box-sizing: border-box;
}

.main .main_left .main_nav .static .content {
    float: left;
    line-height: 22px;
}

.main .main_left .main_nav .static .content .m1 {
    font-size: 16px;
    color: #5b9bee;
}

.main .main_left .main_nav .static .content .m2 {
    font-size: 22px;
    color: #fca269;
}

.main .main_left .main_nav .static .content .m3 {
    font-size: 12px;
    color: #5b9bee;
}

.main .main_left .main_nav .static li {
    width: 239px;
    height: 100%;
    float: left;
    padding-left: 13px;
    box-sizing: border-box;
}

.main .main_left .mains {
    width: 100%;
    height: 870px;
    border: 1px solid #cecece;
    border-top: 2px solid #3f8bec;
}

.main .main_left .mains .tomian {
    width: 712px;
    height: 100%;
    margin-left: 4px;
    margin-right: 4px;

}

.main .main_left .mains .tomian .product {
    width: 100%;
    height: 48px;
    line-height: 48px;
    padding-left: 17px;
    box-sizing: border-box;
    border-bottom: 1px solid #bababa;

}

.main .main_left .mains .tomian .product img {
    padding-right: 11px;
    float: left;
    padding-top: 12px;
    padding-bottom: 17px;
    box-sizing: border-box;
}

.main .main_left .mains .tomian .product .ss {
    width: 91px;
    height: 48px;
    line-height: 48px;
    float: left;
    margin-left: 28px;
    box-sizing: border-box;
    overflow: hidden;
    vertical-align: bottom;
    padding-top: 13px;

}

.main .main_left .mains .tomian .product .ss .ball {
    font-size: 16px;
    width: 100%;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    background-color: #3f8bee;

}

.main .main_left .mains .tomian .product .play li {
    padding-left: 22px;
    padding-right: 30px;
    font-size: 16px;
}

.main .main_left .mains .tomian .ips {
    width: 100%;
    height: 69px;
    padding-left: 17px;
    box-sizing: border-box;
    border-bottom: 1px solid #bababa;
    padding-top: 19px;

}

.main .main_left .mains .tomian .ips .style {
    width: 120px;
    height: 100%;
}

.main .main_left .mains .tomian .ips .style a {
    float: left;
    text-decoration: none;
    color: black;
}

.main .main_left .mains .tomian .ips img {
    padding-right: 11px;
    float: left;
    padding-bottom: 17px;
    box-sizing: border-box;
    vertical-align: bottom;
}

.main .main_left .mains .tomian .ips .lets li {
    padding-right: 40px;
    font-size: 14px;
    line-height: 20px;
}

.main .main_left .mains .tomian .gyms {
    width: 100%;
    height: 150px;
    vertical-align: bottom;
}

.main .main_left .mains .tomian .gyms img {
    float: left;
    padding-right: 28px;
    box-sizing: border-box;
    width: 225px;
    height: 115px;
    vertical-align: bottom;
}

.main .main_left .mains .tomian .gyms .gym1 {

    width: 100%;
    height: 100%;
    border-bottom: 1px solid #bababa;
    box-sizing: border-box;
    padding-top: 16px;
}

.main .main_left .mains .tomian .gyms .gym2 {
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #bababa;
    box-sizing: border-box;
    padding-top: 16px;
}

.main .main_left .mains .tomian .gyms .gym3 {
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #bababa;
    box-sizing: border-box;
    padding-top: 16px;
}

.main .main_left .mains .tomian .gyms .gym4 {
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #bababa;
    box-sizing: border-box;
    padding-top: 16px;
}

.main .main_left .mains .tomian .gyms .gym5 {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-top: 16px;

}

.main .main_left .mains .tomian .gyms .content1 {
    width: 233px;
    height: 100%;
    float: left;
    padding-top: 6px;
    box-sizing: border-box;
    line-height: 30px;
}

.main .main_left .mains .tomian .gyms .content1 .f1 {
    font-size: 16px;
    font-weight: 600;
}

.main .main_left .mains .tomian .gyms .content1 .f2 {
    font-size: 12px;
    color: #595959;
}

.main .main_left .mains .tomian .gyms .content1>div {
    width: 100%;
    vertical-align: bottom;
}

.main .main_left .mains .tomian .gyms .content1 .f3 {
    font-size: 12px;
    font-weight: 500;
    float: left;
    color: #7b7b7b;
}

.main .main_left .mains .tomian .gyms .content1 .f4 {
    font-size: 12px;
    font-weight: 500;
    float: right;
    color: #7b7b7b;
}

.main .main_left .mains .tomian .gyms .content2 {
    width: 120px;
    padding-left: 28px;
    height: 100%;
    float: right;
    padding-top: 17px;
    box-sizing: border-box;
    text-align: center;
    line-height: 25px;
    margin-right: 99px;
}

.main .main_left .mains .tomian .gyms .content2 .x1 {
    font-size: 16px;
    color: #4d4d4d;
}

.main .main_left .mains .tomian .gyms .content2 .x1 .x2 {
    font-size: 20px;
    color: #ff8439;
}

.main .main_left .mains .tomian .gyms .content2 .x3 {
    font-size: 12px;
    color: #4d4d4d;
}

.main .main_left .mains .tomian .gyms .content2 .bangd {

    width: 85px;
    height: 27px;
    font-size: 12px;
    color: white;
    border-radius: 10px;
    line-height: 27px;
    background-color: #ff8439;
}

.main .main_right {
    width: 257px;
    height: 315px;
    float: right;
    border: 1px solid #bababa;
}

.main .main_right .mains {
    width: 240px;
    height: 273px;
    margin-left: 7px;
    margin-right: 7px;
}

.main .main_right .top {
    width: 100%;
    height: 42px;
    line-height: 42px;
    padding-left: 31px;
    box-sizing: border-box;
}

.main .main_right .middle {
    width: 100%;
    height: 102px;
    padding: 10px 0px 18px 0px;
    box-sizing: border-box;
    border-bottom: 1px dashed #bababb;
}

.main .main_right .middle img {
    width: 120px;
    height: 74px;
    padding-right: 6px;
    float: left;
}

.main .main_right .middle .write {
    float: right;
    line-height: 26px;
    color: #7b7b7b;
}

.main .main_right .bottom {
    width: 100%;
    height: 169px;
    padding: 21px 0px 24px 0px;
    box-sizing: border-box;

}

.main .main_right .bottom1 {
    float: left;
    font-size: 12px;
    line-height: 12px;
    width: 191px;
    height: 100%;
    line-height: 24px;
}

.main .main_right .bottom .bottom1 li {
    display: block;
    float: left;
    list-style: none;
}

.main .main_right .bottom .bottom2 li {
    display: block;
    float: right;
    list-style: none;
}

.main .main_right .bottom2 {
    float: right;
    font-size: 12px;
    line-height: 12px;
    width: 48px;
    height: 100%;
    line-height: 24px;
}

.main .main_right .foots {
    width: 100%;
    height: 100%;
    text-align: center;
    margin-top: 18px;
}

.click {
    width: 100%;
    height: 80px;
    padding-top: 23px;
    box-sizing: border-box;
}

.click .point {
    width: 100%;
    height: 28px;
    text-align: center;
    padding-left: 224px;
    float: left;
}

.click .point li {
    width: 27px;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
    border: 1px solid #7b7b7b;
}

.click .point .cc {
    width: 87px;
    height: 28px;
    line-height: 28px;
    text-align: center;
}

.click .point .actives {
    background-color: #bababa;
}

.click .point .active {
    background-color: #3f8bec;
}

.about {
    width: 100%;
    height: 152px;
    padding: 21px 60px 32px 7px;
    box-sizing: border-box;
    background-color: #f6f6f6;
}

.about .us {
    width: 393px;
    height: 100%;
    float: left;
}

.about .us1 {
    float: left;
    width: 93px;
    padding-right: 37px;
    box-sizing: border-box;
    border-right: 1px dashed #7b7b7b;
}

.about li {
    font-size: 12px;
    display: block;
}

.about .us2 {
    float: left;
    width: 127px;
    padding-left: 34px;
    padding-right: 37px;
    box-sizing: border-box;
    border-right: 1px dashed #7b7b7b;
}

.about .bottoms {
    float: left;
    width: 368px;
    height: 100%;
    padding-left: 63px;
    box-sizing: border-box;
}

.about .bottoms .download {
    display: inline-block;
    width: 192px;
    height: 100%;
    padding-left: 32px;
    padding-right: 50px;
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;
}

.about .bottoms .download .apple {
    float: left;
    padding-left: 12px;
    padding-right: 40px;
}


.about .bottoms .download .andior {
    float: left;
}

.about .tell {
    width: 158px;
    height: 115px;
    line-height: 24px;
    padding: 13px 0px 30px 38px;
    box-sizing: border-box;
    float: left;
}

.about .tell li {
    display: block;
    color: #6c6c6c;
}

.icon-zuoji,
.icon-shizhongfill {
    padding-right: 12px;
    color: #ccc;
    font-size: 24px;
}